<template>
  <div>
      <div class="boxy">
          <button @click="fun">点击我出现弹窗</button>
          <Nest v-show="flag" @send="fu" @sends="funt"/>
          {{va}}
          {{val}}
         
      </div>
      
  </div>
</template>

<script>
import Nest from './Nest';
export default {
    components:{
        Nest
    },
    data(){
        return{
            flag:false,
            va:'',
            val:'',
        }
    },
    methods:{
        fun(){
            this.flag = true
        },
        fu(data){
            this.va = data.value
        },
        funt(data){
            this.val = data.valua
        }
    }
}
</script>

<style scoped>
.boxy{
    width: 1000px;
    height: 400px;
    border: 1px solid #000;
}
button{
    border: none;
    background-color: rgba(0,0,0,0);
    font-size: 20px;
}
</style>